﻿
<div class="inventory-widget">

    <div class="inventory-heading">
        <img class="inventory-icon" ng-src="images/inventory-icon.png" alt="inventory" />
        <span class="www-inventory-title">Inventory</span>
    </div>

    <div class="inventory-body" ng-style="selectedLocation != null && {'background-image': 'url(/images/' + selectedLocation.image + ')'}">
        <div class="inventory-area">

            <div class="inventory-river-name">
                {{ selectedLocation.name }}
            </div>

            <div class="inventory-item">
                <img src="/images/guide-icon.png" />
                <span class="inventory-amount">{{selectedLocation.guides}}</span>
                <span class="inventory-caption">GUIDES</span>
            </div>
            <div class="inventory-item">
                <img src="/images/vest-icon.png" />
                <span class="inventory-amount">{{selectedLocation.vests}}</span>
                <span class="inventory-caption">VESTS</span>
            </div>
            <div class="inventory-item">
                <img src="/images/raft-icon.png" />
                <span class="inventory-amount">{{selectedLocation.rafts}}</span>
                <span class="inventory-caption">RAFTS</span>
            </div>
        </div>

    </div>

</div>


